H T M L - Hyper Text Markup Language
8. hyperlinks
8.1 a-tag - link setzen
Allgemein gesagt stellt man mit einem hyperlink, ab sofort nur noch als link bezeichnet, die ver-bindung zu einer anderen datei her, in den meisten fällen wohl zu einer anderen seite, die dann vom browser angezeigt wird.
<a src="ziel" [ title="hinweis" ] [ target="_blank" ] [ tabindex="n" ] >text</a>
| ziel | adresse der datei, die aufgerufen wird |
| text | dieser text wird entweder unterstrichen angezeigt oder meist mit CSS hervorgehoben dargestellt (so wird das in dieser dokumentation gemacht). Den text muß man anklicken, damit der link ausgeführt wird. |
| hinweis | wen man mit dem cursor den text berührt, tut sich normalerweise nichts, es sei denn es wurde mit CSS etwas gebastelt. Gibt man aber das attribut title an, wird hinweis als sog. quickinfo angezeigt. |
| _blank | das ist ein schlüsselwort; was es bewirkt s.u. gleich im anschluss. |
| tabindex="n" | n gibt die reihenfolge an, in der das element mit dem tabulator den fokus erhält; siehe nr. 2.7 fokus setzen. |
rückkehr zur aufrufenden seite
Normalerweise (also ohne target="_blank") wird die mit
dem link aufgerufene seite im gleichen fenster gezeigt, wie die aufrufende,
man erkennt das an dem reiter ganz oben links, in dem jetzt der name der
gerufenen seite steht. Will man zurück zur aufrufenden seite, klickt man links
oben unter dem reite den nach links zeigenden pfeil an, nur ja nicht den
reiter, denn damit schließt man das fenster und man ist raus aus dem spiel.
In den beispielen steht am ende der seite zurück, damit geht es auch
(das ist eine lösung mit Javascript, die hier nicht erklärt werden kann).
Wurde aber target="_blank" angegeben, wird die gerufene seite in einem neuen
fenster gezeigt, d.h. die rufende seite ist weiterhin vorhanden. Ganz
folgerichtig wird nun auch ein weiterer reiter mit dem namen der gerufenen
seite angezeigt. Die rückkehr zur rufenden seite ist nun nicht über den o.g.
pfeil möglich, man muss vielmehr die gerufene seite über den reiter schließen,
die oben angesprochene Javascript-lösung gibt es in den beispielen nicht.
a-tag verwenden
<a src="testseite.htm"> testseite</a>
<a src="testseite.htm"> <img src="grafik.gif" /></a>
Man kann das a-tag, wie hier gezeigt, einfach in eine seite stellen, dann wird bei der anzeige der seite der link so erscheinen
| testseite | mit standardformatierung |
| testseite | formatierung mit CSS |
 | link mit grafik verknüpft |
Der benutzer kann dann raten, was das bedeutet. Es ist dann doch besser, das a-tag in ein anders tag (p-tag, div-tag oder td-tag in einer tabelle) zu schachteln, weil man jetzt das ganze mit einem passenden text verknüpfen und einigermaßen selbsterklärend gestalten kann.
<p><a src="testseite.htm">hier klicken</a> zum aufruf der testseite</p>
<p><a src="testseite.htm"><img src="grafik.gif" />
</a>
hier klicken zum aufruf der testseite</p>
Jetzt wird auf der seite erscheinen
| hier klicken | zum aufruf der testseite | mit standardformatierung |
| hier klicken | zum aufruf der testseite | formatierung mit CSS |
|
| hier klicken zum aufruf der testseite | link mit grafik verknüpft |